<?php
function runPaginaCrearReserva($hotel, $clientes, $reservas) {
    include 'Default.php';
    ?>


    <?php if(count($reservas['id_tb_reserva'])>0){?>
        <div class="consulta">
            <div class="label">Reservas Actuales</div>
            <br>
            <br>
            <?php
                    
            
            for($c = 0; $c < count($reservas['id_tb_reserva']); $c++){
                print '<div id="reserva'.$reservas['id_tb_reserva'][$c].'" class="label" style="width:100%!important">Fecha: '.$reservas['fecha_reserva'][$c].'________________Cliente:'.$reservas['nombre_cliente'][$c].'_________________<button id="'.$reservas['id_tb_reserva'][$c].'" class="eliminaReserva">Eliminar</button></div>';
            }
            ?>
            
            
            
            
        </div>
        <?}?>

<br>
<br>


    <form name="CrearUsuario" method="post" action="ReservaController.php">
        
        
        <div class="label">Crear Nuevas Reservas</div>
        
        <br>
        <br>
        
        
        
        <p><div class="label">Seleccione un hotel </div>
        
            <select id="id_hotel" name="id_hotel">
                <option value="">Seleccione</option>
                <?php
                for ($c = 0; $c < count($hotel['id_tb_hotel']); $c++) {
                    print '<option value="' . $hotel['id_tb_hotel'][$c] . '">' . $hotel['nombre_hotel'][$c] . '</option>';
                }
                ?>
            </select>
        </p>
        
        <p><div class="label">Seleccione un cliente </div>
        
            <select id="id_hotel" name="id_cliente">
                <option value="">Seleccione</option>
                <?php
                for ($c = 0; $c < count($clientes['id_tb_cliente']); $c++) {
                    print '<option value="' . $clientes['id_tb_cliente'][$c] . '">' . $clientes['nombre_cliente'][$c] . '</option>';
                }
                ?>
            </select>
        </p>
        
        <p><div class="label">Fecha a Reservar</div>
            <input name="fecha_reserva" type="date" id="FechaReserva">
        
        <div id="selectPaquetes"></div>
        <div id="selectHabitaciones"></div>
        <p>
            <input class="button" type="submit" name="Submit" value="Crear">
            <input class="button" type="submit" name="Submit" value="Eliminar">
        </p>
    </form>
    <script>
        $(document).ready(function(){
    
    
    $(".eliminaReserva").click(function(){
        $.post('ReservaController.php',{id_reserva:$(this).attr("id") , ajax:"true"}, function(data){
            if(data=="ERROR")
                alert("No se pudo eliminar la reserva");
            else
                location.reload();
            
            return false;
            
        }, "json")
        
    });    
    $("#id_hotel").change(function(){
        
        if($(this).val()!=""){
            
            $.post('ReservaController.php',{id_hotel:$(this).val() , ajax:"true"}, function(data){
                
                var habitaciones=data.habitaciones;
                var paquetes=data.paquetes;
                
                if(paquetes!=null){
                    htmlSelect='<p><div class="label">Seleccione Paquete </div>'+
                                '<select id="id_paquete" name="id_paquete">'+
                                '<option value="">Seleccione</option>';
                            
                    for(var c=0;c<paquetes['id_tb_paquete'].length; c++){

                            htmlSelect+='<option value="'+paquetes['id_tb_paquete'][c]+'">'+paquetes['nombre_paquete'][c]+'-'+paquetes['precio_paquete'][c]+'</option>';

                    }
                    
                    htmlSelect+="</select></p>";
                    
                    $("#selectPaquetes").html(htmlSelect);
               }   
                
                
                if(habitaciones!=null){
                    htmlSelect='<div class="label">Seleccione Habitaciones </div>'+
                                '<select id="habitaciones" name="habitaciones[]" size="8" multiple>';
                                
                            
                    for(var c=0;c<habitaciones['id_tb_habitacion'].length; c++){

                            htmlSelect+='<option value="'+habitaciones['id_tb_habitacion'][c]+'">'+habitaciones['id_tb_habitacion'][c]+'</option>';

                    }
                    htmlSelect+="</select>";
                     
                    $("#selectHabitaciones").html(htmlSelect);
                }
                
            }, "json");
        }
        
    });
    
});
    </script>
<?php }?>